import React from 'react';
import './index.css';
const Index = () => {
  return (
    <div className="szg_box">
      <div className="szg_banner_box">
        <img src={require('./imgs/banner.jpg').default} />
      </div>

      <div className="szg_content_box">
        <div className="szg_left_box">
          <div className="szg_left_box_top">常见问题</div>
          <div className="szg_left_box_xszn">
            <p>新手指南</p>
            <a href="#">&gt;购物流程</a>
          </div>
          <div className="szg_left_box_jywt">
            <p>交易问题</p>
            <a href="#">&gt;我拍下来后的商品什么时候发货？</a>
            <a href="#">&gt;已成团未发货如何退款？</a>
            <a href="#">&gt;没有收到货/商家发错地址了怎么办？</a>
            <a href="#">&gt;收到商品有问题怎么办？</a>
            <a href="#">&gt;如何联系商家客服？</a>
            <a href="#">&gt;为什么我的优惠券不能使用？</a>
            <a href="#">&gt;“全网总售”和“已拼”有什么区别？</a>
            <a href="#">&gt;收到的商品能退换货么？</a>
          </div>
          <div className="szg_left_box_tksh">
            <p>退款&售后</p>
            <a href="#">&gt;退换货流程</a>
            <a href="#">&gt;退换货规则</a>
            <a href="#">&gt;7天无理由退换货</a>
          </div>
          <div className="szg_left_box_zhxg">
            <p>账户相关</p>
            <a href="#">&gt;账户安全与账户信息</a>
          </div>
          <div className="szg_left_box_lxwm">
            <p>联系我们</p>
            <a href="#">&gt;如何联系拼多多客服？</a>
          </div>
        </div>
        <div className="szg_right_box">
          <div className="szg_right_top_box">
            <p>
              新手指南<span>&gt;购物流程</span>
            </p>
          </div>
          <div className="szg_right_buttom_box">
            <img src={require('./imgs/content.png').default} />
          </div>
        </div>
      </div>
    </div>
  );
};

export default Index;
